// @s:#f53030
@greybg:#d3d2d2f8;        //灰色背景
@yellowbg:#ffc400;
@font24:24rpx;
@navbg:#FED32C;              //主题背景
@blueColor:#309df7;
.tab-box{
    width: 720rpx;
    height: 50rpx;
    border-radius: 25rpx;
    margin: 0 auto;
    background-color: @greybg;
    .tab-item{
        width: 360rpx;
        height: 100%;
        border-radius: 25rpx;
        float: left;
        text-align: center;
        line-height: 50rpx;
        font-size: @font24;
    }
    .checked{
        background-color: @yellowbg;
        color: #fff;
    }
}

.task-button-box{
    background-color: @navbg;
    width: 100%;
    height: 50rpx;
    border-bottom-left-radius: 20rpx;
    border-bottom-right-radius: 20rpx;
    margin-bottom: 20rpx;
    line-height: 50rpx;
    .task-button{
        float: right;
        padding-right: 20rpx;
        text-align: right;
        height: 50rpx;
        font-size: @font24;
        color: @blueColor;
    }
}

.task-lists-box{
    width: 720rpx;
    background-color: @navbg;
    margin: 20rpx auto;
    padding: 0 0 20rpx 0;
    border-radius: 20rpx;
    .title-box{
        width: 680rpx;
        padding: 0 20rpx;
        height: 70rpx;
        color: #fff;
        line-height: 70rpx;
        .left{
            float: left;
            font-size: 32rpx;
        }
        .right{
            float: right;
            font-size:26rpx
        }
    }
    .item-box{
        width: 640rpx;
        padding: 30rpx 20rpx;
        height: 100rpx;
        background-color: #fff;
        margin: 20rpx auto;
        border-radius: 20rpx;
        .left{
            float: left;
            .img-box{
                width: 100rpx;
                height: 100rpx;
                float: left;
                .img{
                    width: 100%;
                    height: 100%;
                }
            }
            .content-box{
                width: 400rpx;
                height: 100rpx;
                padding-left: 20rpx;
                float: left;
                .title{
                    width: 200rpx;
                    height: 50rpx;
                    font-size: 32rpx;
                }
                .content{
                    color: @greybg;
                    font-size: 26rpx;
                }
            }
        }
        .right{
            float: right;
            width: 120rpx;
            height: 100%;
            .button-box{
                margin-top: 20rpx;
                width: 100%;
                height: 40rpx;
            }
        }
    }
    
}